<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!-- CSS -->
        <link type="text/css" href="css/themes/start/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
        <link href="css/General.css" type="text/css" rel="stylesheet"/>
        <!-- JS  -->
            <!-- JQUERY AND UI -->
        <script type="text/javascript" src="js/plugins/jquery-ui-1.8.17.custom.js"></script>
        <script type="text/javascript" src="js/plugins/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="js/TablaDatos.js"></script>

            <!-- VALIDACIONES -->
        <script type="text/javascript" src="js/general.js"></script>
        <script type="text/javascript" src="js/index.js"></script>

        <script type="text/javascript">
            /*$( "#dialog:ui-dialog" ).dialog( "destroy" );
            $( "#dialog-message" ).dialog({
                    modal: true,
                    buttons: {
                        Ok: function() {
                           $( this ).dialog( "close" );
                        }
                    }
            });*/
        </script>
        
        <title></title>
        <style>
            body
            {
                background-image:url('Imagenes/fondo2.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }
        </style>
    </head>
    <body style="">
        <!--<div id="dialog-message" name="dialog-message">
            <span>Usuario o Contrase&ntilde;a incorrectas</span>
        </div>-->
        <div style="text-align:center;" > 
            <img src="Imagenes/Logo.png" style="width: 733px;height: 181px;" />
        </div>
        <div style="width: 334px;margin:0px auto;padding:5px; border-style: solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-color: #595653; border-width: 1px;">
            <form action="" id="frmLogin" name="frmLogin">
                <table>
                    <tr>
                        <td>
                            <span>*Usuario:</span><br/>
                            <input type="text" id="usuario" name="usuario" maxlength="11" size="50" onkeypress="return validarNumero(event);"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span>*Contrase&ntilde;a:</span><br/>
                            <input type="password" id="password" name="password" size="50"/>
                        </td>
                    </tr>
                    <tr>
                        <td align="left">
                            <input type="button" id="btnLogin" name="btnLogin" value="Entrar"/>
                            <input type="reset" value="Limpiar"/>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <a href="#" onclick="alert('Sistema en construcci&oacute;n')">¿Olvido su contrase&ntilde;a?</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div style="color:red;font-weight: bold;font-size: 14">
                                <span id="msg" name="smg"> </span>
                            </div>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </body>
</html>
